<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title> 实时数据 </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../css/layui.css" media="all">
    <link rel="stylesheet" href="../css/tables.css" media="all">
    <link rel="stylesheet" href="../css/admin.css" media="all">
    <link rel="stylesheet" href="../css/common.css" />
  <script type="text/javascript" src="../js/official/jquery.js"></script>
    <style>
    .layui-header{
      border-bottom:1px solid #2B8CEE;
    }
   body{
     padding:30px;
      height: 100vh;
      background: url(images/headBg.jpg) repeat 0 0;
      background-attachment: scroll;
    }
     
    .header span {
        color: #fff;
    }

    .layui-side {
        background-color: #1777E2;
    }

    .bd {
        border: 1px solid #000;
    }

    </style>
    <script>
    ///^http(s*):\/\//.test(location.href) || alert('请先部署到 localhost 下再访问');
    </script>
</head>

<body  >
    <div  >
       <!--  <div class="layui-header">
            <div class="header">
                <div>
                    <img src="images/logo.jpg" width="90" height="90" alt="" />
                    <span>山西煤化有限公司</span>
                </div>
                <ul>
                    <li>
                        <a>
                          <i class="layui-icon layui-icon-about"></i>
                          <a>帮助</a>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="userlogin">Admin<i class="layui-icon layui-icon-triangle-d"></i></a>
                        <dl class="admin_item">
                            <dd><a href="">移动模块</a></dd>
                            <dd><a href="">后台模版</a></dd>
                            <dd><a href="">电商平台</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div> -->
        <div  >
            <ul class="bodys">
                <li>
                    <div class="box">
                        <button type="button" class="stop">停止</button>
                        <button type="button" class="purple">301带式运输机</button>
                        <button type="button" class="normal">正常</button>
                        <div class="centent">
                            <span>A相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电流</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent">
                            <span>A相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电压</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent_down">
                            <span>功率因数</span><br>
                            <input type="text" disabled="disabled" value="0.000">
                            <span>有功电度</span><br>
                            <input type="text" disabled="disabled" value="16">
                        </div>
                        <div class="centent_down">
                            <span>运行时间</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>运行次数</span><br>
                            <input type="text" disabled="disabled" value="3">
                        </div>
                        <hr class="line"> 
                        <button type="button" class="overload">过载</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">失衡</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">缺相</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">反序</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">漏电</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">欠压</button>
                        <div class="circle"></div>
                        <hr class="line"> 
                        <div class="down">
                            <span>301累计运行时间</span><br>
                            <input type="text" value="1">
                            <button type="button" class="reset">清零</button>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <button type="button" class="stop">停止</button>
                        <button type="button" class="purple">308精煤脱介筛</button>
                        <button type="button" class="normal">正常</button>
                        <div class="centent">
                            <span>A相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电流</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent">
                            <span>A相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电压</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent_down">
                            <span>功率因数</span><br>
                            <input type="text" disabled="disabled" value="0.000">
                            <span>有功电度</span><br>
                            <input type="text" disabled="disabled" value="21">
                        </div>
                        <div class="centent_down">
                            <span>运行时间</span><br>
                            <input type="text" disabled="disabled" value="4">
                            <span>运行次数</span><br>
                            <input type="text" disabled="disabled" value="26">
                        </div>
                        <hr class="line"> 
                        <button type="button" class="overload">过载</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">失衡</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">缺相</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">反序</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">漏电</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">欠压</button>
                        <div class="circle"></div>
                        <hr class="line"> 
                        <div class="down1">
                            <span>301累计运行时间</span><br>
                            <input type="text" value="45">
                            <button type="button" class="rese1">清零</button>
                    </div>
                    <button type="button" class="rese2">设备工况</button>
                </li>
                <li>
                    <div class="box">
                        <button type="button" class="stop">停止</button>
                        <button type="button" class="purple">309精煤脱介筛</button>
                        <button type="button" class="normal">正常</button>
                        <div class="centent">
                            <span>A相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电流</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent">
                            <span>A相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电压</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent_down">
                            <span>功率因数</span><br>
                            <input type="text" disabled="disabled" value="0.000">
                            <span>有功电度</span><br>
                            <input type="text" disabled="disabled" value="12">
                        </div>
                        <div class="centent_down">
                            <span>运行时间</span><br>
                            <input type="text" disabled="disabled" value="4">
                            <span>运行次数</span><br>
                            <input type="text" disabled="disabled" value="26">
                        </div>
                        <hr class="line"> 
                        <button type="button" class="overload">过载</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">失衡</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">缺相</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">反序</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">漏电</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">欠压</button>
                        <div class="circle"></div>
                        <hr class="line"> 
                        <div class="down1">
                            <span>301累计运行时间</span><br>
                            <input type="text" value="42">
                            <button type="button" class="rese1">清零</button>
                    </div>
                    <button type="button" class="rese2">设备工况</button>
                </li>
                <li>
                    <div class="box">
                        <button type="button" class="stop">停止</button>
                        <button type="button" class="purple">313精煤脱介筛</button>
                        <button type="button" class="normal">正常</button>
                        <div class="centent">
                            <span>A相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电流</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent">
                            <span>A相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电压</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent_down">
                            <span>功率因数</span><br>
                            <input type="text" disabled="disabled" value="0.000">
                            <span>有功电度</span><br>
                            <input type="text" disabled="disabled" value="65">
                        </div>
                        <div class="centent_down">
                            <span>运行时间</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>运行次数</span><br>
                            <input type="text" disabled="disabled" value="1">
                        </div>
                        <hr class="line"> 
                        <button type="button" class="overload">过载</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">失衡</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">缺相</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">反序</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">漏电</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">欠压</button>
                        <div class="circle"></div>
                        <hr class="line"> 
                        <div class="down1">
                            <span>301累计运行时间</span><br>
                            <input type="text" value="0">
                            <button type="button" class="rese1">清零</button>
                    </div>
                    <button type="button" class="rese2">设备工况</button>
                </li>
                <li>
                    <div class="box">
                        <button type="button" class="stop" style="background-color: #b5ffb5;">停止</button>
                        <button type="button" class="purple">335中煤泥离心机</button>
                        <button type="button" class="normal">正常</button>
                        <div class="centent">
                            <span>A相电流</span><br>
                            <input type="text" disabled="disabled" value="39">
                            <span>B相电流</span><br>
                            <input type="text" disabled="disabled" value="40">
                            <span>C相电流</span>
                            <input type="text" disabled="disabled" value="39">
                        </div>
                        <div class="centent">
                            <span>A相电压</span><br>
                            <input type="text" disabled="disabled" value="231">
                            <span>B相电压</span><br>
                            <input type="text" disabled="disabled" value="231">
                            <span>C相电压</span>
                            <input type="text" disabled="disabled" value="231">
                        </div>
                        <div class="centent_down">
                            <span>功率因数</span><br>
                            <input type="text" disabled="disabled" value="0.986">
                            <span>有功电度</span><br>
                            <input type="text" disabled="disabled" value="1871">
                        </div>
                        <div class="centent_down">
                            <span>运行时间</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>运行次数</span><br>
                            <input type="text" disabled="disabled" value="3">
                        </div>
                        <hr class="line"> 
                        <button type="button" class="overload">过载</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">失衡</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">缺相</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">反序</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">漏电</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">欠压</button>
                        <div class="circle"></div>
                        <hr class="line"> 
                        <div class="down">
                            <span>301累计运行时间</span><br>
                            <input type="text" value="10">
                            <button type="button" class="reset">清零</button>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <button type="button" class="stop" style="background-color: #b5ffb5;">停止</button>
                        <button type="button" class="purple">338中煤泥离心机</button>
                        <button type="button" class="normal">正常</button>
                        <div class="centent">
                            <span>A相电流</span><br>
                            <input type="text" disabled="disabled" value="36">
                            <span>B相电流</span><br>
                            <input type="text" disabled="disabled" value="36">
                            <span>C相电流</span>
                            <input type="text" disabled="disabled" value="37">
                        </div>
                        <div class="centent">
                            <span>A相电压</span><br>
                            <input type="text" disabled="disabled" value="232">
                            <span>B相电压</span><br>
                            <input type="text" disabled="disabled" value="231">
                            <span>C相电压</span>
                            <input type="text" disabled="disabled" value="231">
                        </div>
                        <div class="centent_down">
                            <span>功率因数</span><br>
                            <input type="text" disabled="disabled" value="0.409">
                            <span>有功电度</span><br>
                            <input type="text" disabled="disabled" value="63">
                        </div>
                        <div class="centent_down">
                            <span>运行时间</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>运行次数</span><br>
                            <input type="text" disabled="disabled" value="3">
                        </div>
                        <hr class="line"> 
                        <button type="button" class="overload">过载</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">失衡</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">缺相</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">反序</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">漏电</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">欠压</button>
                        <div class="circle"></div>
                        <hr class="line"> 
                        <div class="down">
                            <span>301累计运行时间</span><br>
                            <input type="text" value="10">
                            <button type="button" class="reset">清零</button>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <button type="button" class="stop" style="background-color: #b5ffb5;">停止</button>
                        <button type="button" class="purple">339中煤泥离心机</button>
                        <button type="button" class="normal">正常</button>
                        <div class="centent">
                            <span>A相电流</span><br>
                            <input type="text" disabled="disabled" value="39">
                            <span>B相电流</span><br>
                            <input type="text" disabled="disabled" value="41">
                            <span>C相电流</span>
                            <input type="text" disabled="disabled" value="39">
                        </div>
                        <div class="centent">
                            <span>A相电压</span><br>
                            <input type="text" disabled="disabled" value="231">
                            <span>B相电压</span><br>
                            <input type="text" disabled="disabled" value="231">
                            <span>C相电压</span>
                            <input type="text" disabled="disabled" value="231">
                        </div>
                        <div class="centent_down">
                            <span>功率因数</span><br>
                            <input type="text" disabled="disabled" value="0.438">
                            <span>有功电度</span><br>
                            <input type="text" disabled="disabled" value="42">
                        </div>
                        <div class="centent_down">
                            <span>运行时间</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>运行次数</span><br>
                            <input type="text" disabled="disabled" value="3">
                        </div>
                        <hr class="line"> 
                        <button type="button" class="overload">过载</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">失衡</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">缺相</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">反序</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">漏电</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">欠压</button>
                        <div class="circle"></div>
                        <hr class="line"> 
                        <div class="down">
                            <span>301累计运行时间</span><br>
                            <input type="text" value="10">
                            <button type="button" class="reset">清零</button>
                    </div>
                </li>
                <li>
                    <div class="box">
                        <button type="button" class="stop">停止</button>
                        <button type="button" class="purple">356介质库介质添加泵</button>
                        <button type="button" class="normal">正常</button>
                        <div class="centent">
                            <span>A相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电流</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电流</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent">
                            <span>A相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>B相电压</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>C相电压</span>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent_down">
                            <span>功率因数</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>有功电度</span><br>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <div class="centent_down">
                            <span>运行时间</span><br>
                            <input type="text" disabled="disabled" value="0">
                            <span>运行次数</span><br>
                            <input type="text" disabled="disabled" value="0">
                        </div>
                        <hr class="line"> 
                        <button type="button" class="overload">过载</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">失衡</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">缺相</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">反序</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">漏电</button>
                        <div class="circle"></div>
                        <button type="button" class="overload">欠压</button>
                        <div class="circle"></div>
                        <hr class="line"> 
                        <div class="down">
                            <span>301累计运行时间</span><br>
                            <input type="text" value="0">
                            <button type="button" class="reset">清零</button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <script src="../layui/layui.js"></script>
    <script>
    
    layui.config({
        base: './' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use('index');
    </script>
</body>

</html>